@import "../../styles/vars.scss";

.wrapper {
  width: 100vw;
  min-height: 100vh;
  height: 100%;
  background-size: cover;
  padding: 30px 20px;
  background-color: #000;
  display: flex;
  flex-direction: column;
  @media screen and (max-width: $mobileAlb) {
    padding: 15px 20px;
  }

  .content {
    flex: 1 0 auto;
    max-width: 1216px;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 auto;
    .children {
      width: 100%;
      height: 100%;
      display: flex;
      flex-direction: column;
      align-items: center;
      margin: 0 auto;
      flex-grow: 1;
      margin-bottom: 50px;
      @media screen and (max-width: $mobileAlb) {
        margin-bottom: 35px;
      }
      @media screen and (max-width: $mobile) {
        margin-bottom: 7.5px;
      }
    }
    .footer {
      flex-shrink: 0;
      width: 100%;
      display: flex;
      justify-content: center;
    }
  }
}
